<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>商品属性列表</title>

<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
    function jiaxiang(wang){
        window.location.href=wang;
    }
</script>
<style>
.p1{
    height: 6%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    border-bottom: 1px solid #ECECFF;
   }
   .p2{
    height: 100%;
    width: 20%;
    position: absolute;
    left: 0px;
    top: 0px;
   }
   .read{
     font-size: 16px;
     position: absolute;
     height: 70%;
     width: 80%;
     top: 6px;
     left: 40px;
     font-weight: bold;
 }
 .p3{
    height: 8%;
    width: 95%;
    border: 1px solid #e1e1fa;
    position: absolute;
    top: 10%;
    left:2.5%;
 }
 .p4{
    height: 50%;
    width: 200px;
    position: absolute;
    left: 3%;
    top:30%;
 }
 .p5{
    height: 40%;
    width: 90%;
    position: absolute;
    left: 5%;
    top: 23%;
 }
 .seek1{
    height: 90%;
    width: 93%;
    position: absolute;
    top: 0px;
    left: 33px;
}
.seeks1{
    height: 100%;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    border-collapse: collapse;
}
.b1{
    width: 60px;
    height: 30px;
    outline: none;
    border-width: 0.5px;
    border-radius: 4px;
    border-color: rgb(148, 135, 135);
    cursor: pointer;
    font-family: Microsoft YaHei;
    color: black;
    background: white;
    font-size: 10px;
}
.b1:hover{
    background: #87d0f1;
}
.b2{
    width: 60px;
    height: 30px;
    outline: none;
    border-width: 0px;
    border-radius: 4px;
    cursor: pointer;
    font-family: Microsoft YaHei;
    color: white;
    background: #f8654b;
    font-size: 10px;
}
.b2:hover{
    background:  #f19c8d;
}
</style>
</head>

<body>
    <div class="p1">
        <div class="p2">
           <span class="read">首页 <span style="color: #ADADAD;">/</span> 商品 <span style="color: #ADADAD;">/</span> <span style="color: #ADADAD;font-weight: 200;font-size: 13px;">商品属性列表</span></span>
        </div>
     </div>
     <div class="p3">
        <div class="p4">
            <div class="glyphicon glyphicon-th-list" aria-hidden="true" style="font-weight: 800;">&nbsp数据列表</div>
        </div>
    </div>
    <div class="p5">
        <div class="seek1">
            <table class="seeks1" border="1" bordercolor=#ECECFF>
                <tr>
                    <th style="text-align: center;vertical-align: middle;">编号</th>
                    <th style="text-align: center;vertical-align: middle;">属性名称</th>
                    <th style="text-align: center;vertical-align: middle;">商品类型</th>
                    <th style="text-align: center;vertical-align: middle;">可选值列表</th>   
                    <th style="text-align: center;vertical-align: middle;">操作</th>
                </tr>
                <tr onmouseover="this.style.backgroundColor='#F0F0F0';" onmouseout="this.style.backgroundColor='#fff';">
                    <td>1</td>
                    <td>商品编号</td>
                    <td>服装-上装</td>
                    <td>   </td>
                    <td>
                        <input type="button" value="编辑" class="b1" onclick="jiaxiang('订单详情总和\\订单详情12\\订单详情.html')">
                        <input type="button" value="删除" class="b2" onclick="jiaxiang('订单详情总和\\订单详情12\\订单详情.html')">
                    </td>
                </tr>
                <tr onmouseover="this.style.backgroundColor='#F0F0F0';" onmouseout="this.style.backgroundColor='#fff';">
                    <td>2</td>
                    <td>适用季节</td>
                    <td>服装-上装</td>
                    <td>春季，夏季，秋季，冬季</td>
                    <td>
                        <input type="button" value="编辑" class="b1" onclick="jiaxiang('订单详情总和\\订单详情12\\订单详情.html')">
                        <input type="button" value="删除" class="b2" onclick="jiaxiang('订单详情总和\\订单详情12\\订单详情.html')">
                    </td>
                </tr>
                <tr onmouseover="this.style.backgroundColor='#F0F0F0';" onmouseout="this.style.backgroundColor='#fff';">
                    <td>3</td>
                    <td>适用人群</td>
                    <td>服装-上装</td>
                    <td>儿童，青年，中年，老年</td>
                    <td>
                        <input type="button" value="编辑" class="b1" onclick="jiaxiang('订单详情总和\\订单详情12\\订单详情.html')">
                        <input type="button" value="删除" class="b2" onclick="jiaxiang('订单详情总和\\订单详情12\\订单详情.html')">
                    </td>
                </tr>
                <tr onmouseover="this.style.backgroundColor='#F0F0F0';" onmouseout="this.style.backgroundColor='#fff';">
                    <td>4</td>
                    <td>上市时间</td>
                    <td>服装-上装</td>
                    <td>2021年春，2021年夏</td>
                    <td>
                        <input type="button" value="编辑" class="b1" onclick="jiaxiang('订单详情总和\\订单详情12\\订单详情.html')">
                        <input type="button" value="删除" class="b2" onclick="jiaxiang('订单详情总和\\订单详情12\\订单详情.html')">
                    </td>
                </tr>
                <tr onmouseover="this.style.backgroundColor='#F0F0F0';" onmouseout="this.style.backgroundColor='#fff';">
                    <td>5</td>
                    <td>袖长</td>
                    <td>服装-上装</td>
                    <td>短袖，中袖，长袖</td>
                    <td>
                        <input type="button" value="编辑" class="b1" onclick="jiaxiang('订单详情总和\\订单详情12\\订单详情.html')">
                        <input type="button" value="删除" class="b2" onclick="jiaxiang('订单详情总和\\订单详情12\\订单详情.html')">
                    </td>
                </tr>
            </table>
        </div>
    </div>
</body>
</html>